<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>css鼠标悬停发光菜单</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<ul>
  <li style="--clr:#00ade1">
    <a href="#" data-text="&nbsp;Home">&nbsp;Home&nbsp;</a>
  </li>
  <li style="--clr:#ff6492">
    <a href="#" data-text="&nbsp;About">&nbsp;About&nbsp;</a>
  </li>
  <li style="--clr:#ffdd1c">
    <a href="#" data-text="&nbsp;Services">&nbsp;Services&nbsp;</a>
  </li>
  <li style="--clr:#00dc82">
    <a href="#" data-text="&nbsp;Blog">&nbsp;Blog&nbsp;</a>
  </li>
  <li style="--clr:#dc00d4">
    <a href="#" data-text="&nbsp;Contact">&nbsp;Contact&nbsp;</a>
  </li>
</ul>
<!-- partial -->
  
</body>
</html>
